<? session_start(); include("misc.php"); ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
  <title>Untitled Document</title>
  <link href="css/css.css" rel="stylesheet" type="text/css" />
  <script src="js/jquery.js" type="text/javascript"></script>
<style type="text/css">
<!--

a.mainlink:link  { 
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	text-decoration:none;
	color: #FF0000;

	font-size: 11px;}

a.mainlink:visited { 
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #FF0000;
	text-decoration:none;

	font-size: 11px;}

a.mainlink:hover { 
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #FF0000;
	text-decoration:none;

	font-size: 11px;}

a.mainlink:active { 
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #FF0000;
	text-decoration:none;

	font-size: 11px;}



a.sublink:link  { 
	font-size: 8pt; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; text-decoration:none; }

a.sublink:visited { 
	font-size: 8pt; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; text-decoration:none; }

a.sublink:hover { 
	font-size: 8pt; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; text-decoration:none; }

a.sublink:active { 
	font-size: 8pt; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; text-decoration:none; }


.style1 {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #FF0000;
	font-weight:bold;
	font-size: 11px;
}
.style4 {
	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #666666;
	line-height:130%;
}
.yeller {
   border: solid 1px  #F4DA1C;
   background:#FFFBDF;
}
.style31 {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #DFDFDF;
	font-size: 14pt;
	font-weight: bold;
}
.contact_input {    border-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	border-width:1px;
    border: solid 1px #CECECE;
 
	
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 8pt;
	color:#777777;
	padding:2px;
}
.style32 {font-size: 11px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; font-weight: bold; }
.style34 {font-size: 10pt}
.style39 {	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #999999;
	line-height: 130%;
}
.style36 {	color: #FF0000;
	font-weight: bold;
}
.style12 {font-size: 12px}
.style13 {font-size: 8px}
.style15 {	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #999999;
}
.style16 {color: #000000}
.style19 {color: #666666; line-height:130%; font-family: "lucida grande", tahoma, verdana, arial, sans-serif;}
.style20 {font-size: 2px; }
.style21 {font-size: 8pt; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #666666; line-height: 130%; }
.style22 {color: #FF0000; font-size: 8pt; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; }

-->
  </style>
</head>
<body class="nomargin">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td width="900">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="30%" valign="bottom"><a href="index.php"><img src="images/logo.png" width="200" height="60" border="0"></a></td>
          <td width="70%" valign="top" id="login_container"><? load_top_info(); ?></td>
        </tr>
      </table>
      <table width="100%" border="0" cellspacing="2" cellpadding="3">
        <tr>
          <td id="main_header" width="100%" align="right">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="1%">&nbsp;</td>
                <td width="1%">&nbsp;</td>
                <td width="98%"><div align="right" class="header">How It Works</div></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>

    <td></td>
  </tr>
  <tr>
    <td valign="top">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>
            <table id="left_wing" width="100%" height="2200" border="0" cellpadding="0" cellspacing="0" bgcolor="#FAFAFA">
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
          </td>
          <td width="3"></td>
        </tr>
      </table>
    </td>
    <td id="center" width="900"  valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="container"><tr><td  width="5%" valign="top"><table  height="542"  width="100%" border="0" cellspacing="0" cellpadding="0" >
      <tr>
        <td width="60%" valign="top" id="meat"><table width="633" border="0" cellspacing="7" cellpadding="5">
          <tr>
            <td width="4%" class="cell_text_tiny">&nbsp;</td>
            <td width="93%" class="cell_text_tiny">&nbsp;</td>
            <td width="3%" class="cell_text_tiny">&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><p  class="style1"><a name="login">Login with Facebook</a>&nbsp; <img src="images/fblogin.png" width="11" height="11"></p>
                <p align="justify" class="style4">The first thing you should do is login with your Facebook account. We look at minimal information from your account (mainly, your friends list). Once you are logged in, things become more interesting.</p></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><p class="style1"><a name="post">It starts when you post about something you just bought...</a></p>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td><div align="justify"><span class="style4">The whole idea is to share your shopping experience with your friends and others around you. Posting is really simple! Anybody can post their purchases - you do not have to be logged in. So here's the scoop...</span></div></td>
                  </tr>
                  <tr>
                    <td><span class="style12">&nbsp;</span></td>
                  </tr>
                  <tr>
                    <td><span class="style32"><a name="basic">Basic Information</a></span></td>
                  </tr>
                  <tr>
                    <td class="style12">&nbsp;</td>
                  </tr>
                  <tr>
                    <td class="style4"><div align="justify">We want the task of posting about a purchase to be super simple! So right on the main page you will find the super simple <span class="style16">Post Box</span>:</div></td>
                  </tr>
                  <tr>
                    <td width="41%" class="style12">&nbsp;</td>
                  </tr>
                  <tr>
                    <td height="190"><div align="center"><img src="images/pobox.png" width="280" height="190"></div></td>
                  </tr>
                  <tr>
                    <td><p align="justify" class="style4">In this <span class="style16">Post Box</span> you provide 4 basic pieces of information about your purchase:</p>
                        <table width="100%" border="0" cellspacing="2" cellpadding="3">
                          <tr>
                            <td width="3%"><div align="left"><img src="images/red.png" width="3" height="3"></div></td>
                            <td width="97%"><p class="style4">What you bought </p></td>
                          </tr>
                          <tr>
                            <td><div align="left"><img src="images/red.png" alt="" width="3" height="3"></div></td>
                            <td><p class="style4">How much you spent on it</p></td>
                          </tr>
                          <tr>
                            <td><div align="left"><img src="images/red.png" alt="" width="3" height="3"></div></td>
                            <td><p class="style4"> Which retailer/seller you bought from</p></td>
                          </tr>
                          <tr>
                            <td><div align="left"><img src="images/red.png" alt="" width="3" height="3"></div></td>
                            <td><span class="style4">Where you made your purchase</span></td>
                          </tr>
                      </table></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><span class="style4">Some Tips...</span></td>
                  </tr>
                  <tr>
                    <td class="style13">&nbsp;</td>
                  </tr>
                  <tr>
                    <td><table width="100%" border="0" cellspacing="2" cellpadding="3">
                        <tr>
                          <td width="3%"><div align="left"><img src="images/red.png" width="3" height="3"></div></td>
                          <td width="97%"><p class="style4">Be  specific - instead of just saying you bought shoes, which brand? Color? Etc.</p></td>
                        </tr>
                        <tr>
                          <td><div align="left"><img src="images/red.png" alt="" width="3" height="3"></div></td>
                          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="18%"><span class="style4"><nobr>Use the Search icon&nbsp;</nobr></span></td>
                                <td width="3%"><span class="style4"><img src="images/location.png"></span></td>
                                <td width="79%"><span class="style4"> &nbsp;to narrow down a particular store/retailer</span></td>
                              </tr>
                          </table></td>
                        </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td class="style4">In addition to the basic information above, the <span class="style16">More</span> menu allows you to provide additional details about your purchase</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><table width="100%" border="0" cellpadding="10" cellspacing="2" class="yeller">
                        <tr>
                          <td><div align="justify" style="line-height:105%"><span class="style15"><strong>Anybody</strong> can post about<strong> anything</strong> they buy. You could post about items in your grocery list if you wanted to, but that would not be very interesting to other people. So we ask you to post about purchases that are<strong> interesting to you</strong> and that you think would <strong>interest others</strong>. <br>
                                    <br>
                            There is a rating system and you should rate a post poorly if you think it is not interesting so that we can show you only the best deals!</span></div></td>
                        </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><span class="style12">&nbsp;</span></td>
                  </tr>
                  <tr>
                    <td><span class="style32"><a name="online">Online Shopping</a></span></td>
                  </tr>
                  <tr>
                    <td class="style13">&nbsp;</td>
                  </tr>
                  <tr>
                    <td><p align="justify" class="style4">Many of us shop online, and you can post those purchases too! When you type in the retailer information, we will try to figure out if that is an online retailer (Amazon, eBay) and automatically disable the <span class="style16">Location</span> input box. <br>
                            <br>
                      Some retailers have both physical and online stores. To post about an online purchase, just add <span class="style16">.com</span> at the end of the retailer name. For example, if you ordered a TV from BestBuy.com instead of going to a physical BestBuy location, type BestBuy.com in the <span class="style16">From</span> input box:</p></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><div align="center"><img src="images/onlineretailer.png" width="280" height="68"></div></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><span class="style12">&nbsp;</span></td>
                  </tr>
                  <tr>
                    <td><span class="style32"><a name="images">Product and Retailer Images</a></span></td>
                  </tr>
                  <tr>
                    <td class="style12">&nbsp;</td>
                  </tr>
                  <tr>
                    <td><div align="center"><img src="images/pobox_thumbnails.png" width="280" height="119"></div></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><div align="justify">
                        <p><span class="style4">The two thumbnail pictures in the<span class="style16"> Post Box</span> give users an quick feeling about the deal being posted. One is an image of the product itself and another is of the retailer, usually the retailer's logo. <br>
                              <br>
                          As you type product and retailer information in the<span class="style16"> Post Box</span>, we automatically try to find images from the web matching your input. You can then choose the images that best match your deal, </span><br>
                        </p>
                    </div></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><table width="100%" border="0" cellpadding="10" cellspacing="2" class="yeller">
                        <tr>
                          <td><span class="style15">We will soon roll out the ability to upload your own product pictures </span></td>
                        </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td class="style13">&nbsp;</td>
                  </tr>
                  <tr>
                    <td><span class="style12">&nbsp;</span></td>
                  </tr>
                  <tr>
                    <td><span class="style32"><a name="visibility">Visibility Options</a></span></td>
                  </tr>
                  <tr>
                    <td >&nbsp;</td>
                  </tr>
                  <tr>
                    <td  ><div align="center"><img src="images/visibility.png" width="280" height="96"></div></td>
                  </tr>
                  <tr>
                    <td  >&nbsp;</td>
                  </tr>
                  <tr>
                    <td><div align="justify">
                        <p class="style4">If you are logged in, you will see some extra options in the More options menu. These are important if you care about who gets to see your posts. The first option is to tag your post as either <span class="style16">Public</span>,<span class="style16"> Friends Only</span>, or <span class="style16">Exclude Friends</span>:</p>
                      <table width="100%" border="0" cellspacing="2" cellpadding="3">
                          <tr>
                            <td width="3%"><div align="left"><img src="images/red.png" width="3" height="3"></div></td>
                            <td width="97%"><p class="style4">Public - everyone using this site (including your friends on Facebook) can see your posts</p></td>
                          </tr>
                          <tr>
                            <td><div align="left"><img src="images/red.png" alt="" width="3" height="3"></div></td>
                            <td><p class="style4"> Friends Only - Only your friends on Facebook can view your posts</p></td>
                          </tr>
                          <tr>
                            <td><div align="left"><img src="images/red.png" alt="" width="3" height="3"></div></td>
                            <td><span class="style4">Exclude Friends - Only people who are not your friends can view your posts </span></td>
                          </tr>
                        </table>
                    </div></td>
                  </tr>
                  <tr>
                    <td class="style13">&nbsp;</td>
                  </tr>
              </table></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><p class="style1"><a name="interact">Seeing and interacting with what others bought</a></p>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="41%" class="style4"><div align="justify">The <span class="style16">Deals Nearby</span> section of the main page displays deals posted by others. You can use this to find good deals around you, filter deals by category, or even view deals from a different location. </div></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><span class="style4">You can also use the <span class="style16">Search</span> box on the main page to narrow deals down even further.</span></td>
                  </tr>
                  <tr>
                    <td><span class="style12">&nbsp;</span></td>
                  </tr>
                  <tr>
                    <td><span class="style32"><a name="ratings">Rating</a></span></td>
                  </tr>
                  <tr>
                    <td class="style13">&nbsp;</td>
                  </tr>
                  <tr>
                    <td class="style4"><div align="justify">Anybody can post about stuff they are buying. There are a few ways to rate deals to help you find the good and weed out the bad</div></td>
                  </tr>
                  <tr>
                    <td class="style13">&nbsp;</td>
                  </tr>
                  <tr>
                    <td class="style13"><table width="100%" border="0" cellspacing="2" cellpadding="3">
                        <tr>
                          <td width="3%"><div align="left"><img src="images/red.png" width="3" height="3"></div></td>
                          <td width="97%"><p class="style4">Like or dislike</p></td>
                        </tr>
                        <tr>
                          <td><div align="left"><img src="images/red.png" alt="" width="3" height="3"></div></td>
                          <td><p class="style4"> Reciept, or it didn't happen!</p></td>
                        </tr>
                        <tr>
                          <td><div align="left"><img src="images/red.png" alt="" width="3" height="3"></div></td>
                          <td><span class="style4">Mark as inappropriate</span></td>
                        </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td class="style13">&nbsp;</td>
                  </tr>
                  <tr>
                    <td ><span class="style32"><a name="buy">Want to Buy</a></span></td>
                  </tr>
                  <tr>
                    <td class="style13">&nbsp;</td>
                  </tr>
                  <tr>
                    <td class="style13">&nbsp;</td>
                  </tr>
                  <tr>
                    <td><span class="style32"><a name="feed">Friend Feed</a></span></td>
                  </tr>
                  <tr>
                    <td class="style12">&nbsp;</td>
                  </tr>
                  <tr>
                    <td><div align="justify"><span class="style4">Saving the best for last! A big aspect of our shopping experience in the real world is to share it with our friends - Whether you bought a new iMac or a snazzy new pair of boots, you want your friends to know! If you login, you can see what your friends are posting in the<span class="style16"> Friend Feed</span> section of the main page. </span><br>
                            <br>
                    </div></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                  <tr>
                    <td><p></p></td>
                  </tr>
                </table>
              <p class="style1">&nbsp;</p></td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
        <td  width="2%"  valign="top"><img src="images/divider.png" width="1" height="100%"></td>
        <td  width="38%" valign="top"><table width="100%" border="0" cellspacing="7" cellpadding="5">
          <tr>
            <td class="style20">&nbsp;</td>
          </tr>
          <tr>
            <td style="padding-left:25px;"><p class="style22"><a class="mainlink" href="#login">Login</a></p>
                <p class="style22"><a  class="mainlink" href="#post">Posting Your Purchases</a></p>
              <p class="style21">&nbsp;&nbsp;&nbsp;&nbsp;<a href="#basic" class="sublink">Basic Information</a></p>
              <p class="style22"> <span class="style19">&nbsp;&nbsp;&nbsp;&nbsp;<a href="#online" class="sublink">Online Shopping</a></span></p>
              <p class="style21">&nbsp;&nbsp;&nbsp;&nbsp;<a href="#images" class="sublink">Product and Retailer Images</a></p>
              <p class="style21">&nbsp;&nbsp;&nbsp;&nbsp;<a href="#visibility" class="sublink">Visibility Options</a></p>
              <p class="style22"><a  class="mainlink" href="#interact">Interacting with Others' Posts</a></p>
              <p class="style21">&nbsp;&nbsp;&nbsp;&nbsp;<a href="#ratings" class="sublink">Ratings</a></p>
              <p class="style21">&nbsp;&nbsp;&nbsp;&nbsp;<a href="#buy" class="sublink">Want to Buy</a></p>
              <p class="style21">&nbsp;&nbsp;&nbsp;&nbsp;<a href="#feed" class="sublink">Friend Feed</a></p></td>
          </tr>
          <tr>
            <td><table style="display:none" width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td class="style4">Login </td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td class="style4">Post</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td class="style4">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td class="style4">Rating</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td class="style4">Friend Feed</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td class="style4">Search</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
        </tr>
    </table></td>
    <td valign="top">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="3"></td>
          <td>
            <table id="right_wing" width="100%" height="2200" border="0" cellpadding="0" cellspacing="0" bgcolor="#FAFAFA">
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td></td>
    <td width="900"><? load_footer(); ?> </td>
    <td></td>
  </tr>
</table>
<script>
$(document).ready(function() {
    h = $("#center").height();
	$("#left_wing").height(h);
	$("#right_wing").height(h);
});
</script>
</body>
</html>

